<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ include file="/WEB-INF/inc/taglib.inc"%>
<%@ include file="/WEB-INF/inc/script.inc"%>
<!DOCTYPE html>
<html>

<head>

<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<base href="${base}">
<title>中金通 | 新闻列表</title>

<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="font-awesome/css/font-awesome.css" rel="stylesheet">

<link href="css/plugins/summernote/summernote.css" rel="stylesheet">
<link href="css/plugins/summernote/summernote-bs3.css" rel="stylesheet">
<!-- FooTable -->
<!--     <link href="css/plugins/footable/footable.core.css" rel="stylesheet"> -->

<!-- Data Tables -->
<link href="css/plugins/dataTables/dataTables.bootstrap.css"
	rel="stylesheet">
<link href="css/plugins/dataTables/dataTables.responsive.css"
	rel="stylesheet">
<link href="css/plugins/dataTables/dataTables.tableTools.min.css"
	rel="stylesheet">

<link href="css/animate.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">

<link href="css/plugins/datapicker/datepicker3.css" rel="stylesheet">
<style type="text/css">
.note-editor {
	min-height: 0px;
}
</style>
</head>

<body>

	<div id="wrapper">

		<!-- 左侧菜单 -->
		<jsp:include page="/WEB-INF/jsp/common/main-menu.jsp"></jsp:include>

		<div id="page-wrapper" class="gray-bg">
			<div class="row border-bottom">
				<!-- 头部工具栏区 -->
				<jsp:include page="/WEB-INF/jsp/common/main-header.jsp"></jsp:include>
			</div>
			<div class="row wrapper border-bottom white-bg page-heading">
				<div class="col-lg-10">
					<h2>新闻管理</h2>
					<ol class="breadcrumb">
						<li><a href="common/platform">Home</a></li>
						<li><a href="news/list">新闻管理</a></li>
						<li><a href="news/list">新闻列表</a></li>
						<li class="active"><strong>修改新闻</strong></li>
					</ol>
				</div>
				<div class="col-lg-2"></div>
			</div>

			<div class="row" style="margin-top: 10px;">
				<div class="col-md-12">
					<div class="tabs-container">
						<ul class="nav nav-tabs">
							<li><a href="news/list"> 新闻列表 </a></li>
							<li><a href="news/add"> 新增新闻 </a></li>
							<li class="active"><a> 修改新闻 </a></li>
						</ul>
						<div class="tab-content">
							<div class="tab-pane active">
								<div class="panel-body">
									<form method="post" id="editForm">
										<div class="modal-body">
											<div class="row">
												<div class="col-sm-10">
													<div class="form-group">
														<label class="control-label" for="title"><font
															color="red">*&nbsp;&nbsp;</font>标题</label> <input
															type="text" id="title" name="title"
															value="${model.title}" class="form-control"> <input
															type="hidden" id="id" name="id" value="${model.id}">
													</div>
												</div>
											</div>
											<div class="row">
												<div class="col-sm-7">
													<div class="form-group">
														<label class="control-label" for="file"><font
															color="red">*&nbsp;&nbsp;</font>新闻封面图片</label> <input
															type="file" id="file" name="file"
															accept="image/gif, image/jpeg"> <input
															type="hidden" id="thumbnail" name="thumbnail"
															value="${model.thumbnail}">
													</div>
													<div id="adsImg">
														<img src="${imagePrefix}${model.thumbnail}" width="256">
													</div>
												</div>
												<div class="col-sm-5">
													<div class="form-group">
														<label class="control-label" for="video">视频分享地址</label> <input
															type="text" id="video" name="video" class="form-control"
															value="" placeholder="请复制分享地址的代码">
													</div>
												</div>
											</div>


											<div class="row">
												<!-- 编辑窗口开始 -->
												<div class="wrapper wrapper-content">
													<div class="row">
														<div class="col-lg-12">
															<div class="ibox float-e-margins">
																<div class="ibox-title">
																	<h5><font
															color="red">*&nbsp;&nbsp;</font>新闻编辑窗口</h5>
																</div>
																<div class="ibox-content no-padding">
																	<div class="summernote">${model.content}</div>
																</div>
															</div>
														</div>
													</div>
												</div>
												<!-- 编辑窗口结束 -->
												<div class="row">
													<div class="col-sm-3">
														<div class="form-group">
															<label class="control-label" for="state"><font
															color="red">*&nbsp;&nbsp;</font>状态</label> <select
																class="form-control m-b" id="state" name="state">
																<option value="0">未发布</option>
																<option value="1">已发布</option>
															</select>
														</div>
													</div>
													<div class="col-sm-3">
														<div class="form-group">
															<label class="control-label" for="order"><font
															color="red">*&nbsp;&nbsp;</font>排序值</label> <input
																type="text" id="orders" name="orders"
																value="${model.orders}" class="form-control">
														</div>
													</div>
													<div class="col-sm-3">
														<div class="form-group">
															<label class="control-label" for="platform"><font
																color="red">*&nbsp;&nbsp;</font>发布平台</label> <select
																class="form-control m-b" id="platform" name="platform">
																<option value="1" selected="selected">所有平台</option>
																<option value="2">投后APP</option>
																<option value="3">理财师pad</option>
															</select>
														</div>
													</div>
													<div class="col-sm-3">
														<div class="form-group">
															<label class="control-label" for="typeApp"><font
																color="red">*&nbsp;&nbsp;</font>新闻类型</label> <select
																class="form-control m-b" id="typeApp" name="typeApp">
																<option value="1" selected="selected">资讯</option>
																<option value="2">活动</option>
															</select>
														</div>
													</div>
													<div class="col-sm-4 col-sm-offset-5">
														<button type="button" class="btn btn-white"
															data-dismiss="modal">
															<a href="news/list"> 取消</a>
														</button>
														<button type="submit" class="btn btn-primary"
															id="saveModel">保存</button>
													</div>
												</div>
											</div>
										</div>

									</form>
								</div>
							</div>

						</div>

					</div>
				</div>

				<!-- 底部版权 -->
				<jsp:include page="/WEB-INF/jsp/common/main-footer.jsp"></jsp:include>

			</div>
		</div>

		<!-- Mainly scripts -->
		<script src="js/jquery-2.1.1.js"></script>
		<script src="js/bootstrap.min.js"></script>
		<script src="js/plugins/metisMenu/jquery.metisMenu.js"></script>
		<script src="js/plugins/slimscroll/jquery.slimscroll.min.js"></script>
		<script src="js/plugins/jeditable/jquery.jeditable.js"></script>
		<script src="js/jquery.serialize-object.min.js" type="text/javascript"></script>
		<script src="js/plugins/validate/jquery.validate.min.js"
			type="text/javascript"></script>
		<!-- Custom and plugin javascript -->
		<script src="js/inspinia.js"></script>
		<script src="js/plugins/pace/pace.min.js"></script>
		<script src="js/plugins/bootbox/bootbox.min.js" type="text/javascript"></script>
		<!-- Data picker -->
		<script src="js/plugins/datapicker/bootstrap-datepicker.js"></script>

		<!-- Data Tables -->
		<script src="js/plugins/dataTables/jquery.dataTables.min.js"></script>
		<script src="js/plugins/dataTables/dataTables.bootstrap.js"></script>
		<script src="js/plugins/dataTables/dataTables.responsive.js"></script>
		<script src="js/plugins/dataTables/dataTables.tableTools.min.js"></script>


		<!-- SUMMERNOTE -->
		<script src="js/plugins/summernote/summernote.js"></script>
		<script src="js/plugins/summernote/summernote-zh-CN.js"></script>

		<!-- 业务 -->
		<script src="js/news/news-edit.js"></script>

		<!-- Page-Level Scripts -->
		<script>
			$(document)
					.ready(
							function() {
								NewsEdit.init();
								$('.summernote')
										.summernote(
												{
													height : 300,
													toolbar : [
															[
																	'style',
																	[
																			'bold',
																			'italic',
																			'underline',
																			'clear' ] ],
															[
																	'fontsize',
																	[ 'fontsize' ] ],
															[
																	'fontname',
																	[ 'fontname' ] ],
															[ 'color',
																	[ 'color' ] ],
															[
																	'para',
																	[
																			'ul',
																			'ol',
																			'paragraph' ] ],
															[
																	'height',
																	[ 'height' ] ],
															[ 'table',
																	[ 'table' ] ],
															[
																	'insert',
																	[
																			'picture',
																			'video',
																			'link' ] ],
															[ 'style',
																	[ 'style' ] ],
															[ 'help',
																	[ 'help' ] ] ],
													lang : 'zh-CN',
													onImageUpload : function(
															files, editor,
															welEditable) {
														sendFile(files[0],
																editor,
																welEditable);
													}
												});
								$("#video").val('${model.info}');
								$("#state").val("${model.state}");
								$("#platform").val("${model.platform}");
								$("#typeApp").val("${model.typeApp}");
							});
		</script>
</body>

</html>
